<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=375, user-scalable=no">
        <title></title>
        <link rel="stylesheet" href="css/header.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/footer.css">
    </head>
    <body>
        <div class="header">
            <div class="headerTop">
                <div class="logo"></div>
                <div class="search">
                    <div class="icon"></div>
                    <input type="text" placeholder="搜索商品名称">
                </div>
                <div class="user"></div>
            </div>
            <div class="headerNav">
                <a href="" class="active" >推荐</a>
                <a href="">手机</a>
                <a href="">智能</a>
                <a href="">笔记本</a>
                <a href="">电视</a>
                <a href="">家电</a>
                <input type="checkbox" id="choose" hidden name="choose" >
                <label for="choose" class="xhicon"></label>
                <div class="xhk">
                    <div class="xhkMain">
                        <div class="xhkTop">全部</div>
                        <div class="xhkList">
                            <a href="" class="active">推荐</a>
                            <a href="">手机</a>
                            <a href="">电视</a>
                            <a href="">笔记本</a>
                            <a href="">智能</a>
                            <a href="">家电</a>
                            <a href="">生活周边</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper"></div>
        <div class="iconList">
            <a href="" class="iconItem"><img src="img/icon1.png" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon2.webp" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon3.gif"  alt=""></a>
            <a href="" class="iconItem"><img src="img/icon4.webp" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon5.webp" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon6.png" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon7.jpg" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon8.png" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon9.png" alt=""></a>
            <a href="" class="iconItem"><img src="img/icon10.png" alt=""></a>
        </div>
        <div class="banner">
        <div class="lbanner"></div>
        <div class="rbanner">
            <div class="rtbanner"></div>
            <div class="rbbanner"></div>
        </div>
        </div>

        <div class="jx">
            <div class="jxad"></div>
            <div class="pdList">
                <div class="pdItem">
                    <img src="img/jx1.jpg" alt="">
                    <div class="title">Redmi Note 8 Pro</div>
                    <div class="brief">6400万全场景四摄</div>
                    <div class="price">1399</div>
                    <button type="button" class="buyBtn" value="立即购买">立即购买</button>
                </div>
                <div class="pdItem">
                    <img src="img/jx2.jpg" alt="">
                    <div class="title">Redmi Note 9 Pro</div>
                    <div class="brief">6400万全场景四摄</div>
                    <div class="price">1399</div>
                    <button type="button" class="buyBtn" value="立即购买">立即购买</button>
                </div>
                <div class="pdItem">
                    <img src="img/jx3.jpg" alt="">
                    <div class="title">Redmi k20 Pro</div>
                    <div class="brief">升降式摄像头</div>
                    <div class="price">2499</div>
                    <button type="button" class="buyBtn" value="立即购买">立即购买</button>
                </div>
                <div class="pdItem">
                    <img src="img/jx4.webp" alt="">
                    <div class="title">Redmi Note 9 Pro</div>
                    <div class="brief">6400万全场景四摄</div>
                    <div class="price">1499</div>
                    <button type="button" class="buyBtn" value="立即购买">立即购买</button>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="fIcon">
                <div class="img"></div>
                <span>首页</span>
            </div>
            <div class="fIcon">
                <div class="img"></div>
                <span>分类</span>
            </div>
            <div class="fIcon">
                <div class="img"></div>
                <span>购物车</span>
            </div>
            <div class="fIcon">
                <div class="img"></div>
                <span>我的</span>
            </div>
        </div>
    </body>
</html>